iT邦幫忙

2026 iThome 鐵人賽

DAY 25
0
Vibe Coding

以開發「智慧健身與習慣追蹤 PWA 」為主軸的 30 天 Vibe Coding 挑戰清單。系列 第 25 篇

[Day 25] Vibe Coding 實戰:處理舊問題--登入問題與 Service Worker

  • 分享至 

  • xImage
  •  

挑戰已經接近尾聲,今天請AI幫我們檢查先前製作的規劃表「PLANNING.md」來確認我們和一開始規畫的內容還有哪些事情是我們還沒完成的,AI總共列出了六點主要未完成項目:
主要未完成項目

*1.訓練計畫與多數頁面尚未實作:*今日打卡、週計畫、獨立訓練/器材/設定頁目前都只是佔位檔案。現在主畫面只有訓練與數據兩個入口,router.js 也只有註解。相關檔案可見 views、router.js。
*2.規劃中的服務與核心資料模組未完成:*計畫、器材、習慣 services,PPL 分週模板、左右側規則、導航與習慣熱力圖都是空殼;預設器材目錄也尚未建立。習慣頁目前主要是訓練統計,不等同睡眠、飲水等習慣打卡。參考 services、domain、catalog.js。
*3.PWA 離線/Service Worker 尚未驗收成功:*離線狀態模組是佔位;先前瀏覽器實測 sw.js 註冊失敗。規劃寫的是 service-worker.js,實際使用 sw.js,名稱差異本身不一定有問題,但目前應先修正註冊錯誤。
*4.登入預覽仍有阻礙:*先前 VS Code 內嵌瀏覽器的 Google popup 登入卡在等待中,並出現 Cross-Origin-Opener-Policy 警告;網站載入正常,但尚未驗證登入後的完整流程。
*5.Firestore 索引可能過時:*firestore.indexes.json 列的是 setLogs、habitChecks、workoutSessions,但目前資料結構是 workouts/exercises/sets。現行歷史讀取採逐層讀取,這些索引未必會用到;若後續改成日期查詢,需要依實際 schema 重整。
*6.缺少自動化檢查與文件:*package.json 目前只有啟動指令,沒有測試/lint/build 指令;docs/ 也尚無實質文件。

而今天主要先完成會影響登入的問題:** PWA 離線/Service Worker 尚未驗收成功**

https://ithelp.ithome.com.tw/upload/images/20261009/20184339YcyNDQlbXd.jpg

以上為手機登入畫面,成功登入!

https://ithelp.ithome.com.tw/upload/images/20261009/201843390CY37vQwYl.jpg

上圖為登入後斷網且可操作的畫面


上一篇
[Day 24] Vibe Coding 實戰:訓練軌跡全掌握——打造專屬健身日曆與總重量預覽
下一篇
vibe coding 實戰: PPL 週訓練計畫與今日訓練流程表製作
系列文
以開發「智慧健身與習慣追蹤 PWA 」為主軸的 30 天 Vibe Coding 挑戰清單。 共 29 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言